<!DOCTYPE html>
<html>
<head>
	
	<title><?php echo _MANAGER_TITLE_; ?></title>

	<?php $this->setFlag('list,vue'); ?>
	<?php $this->import('meta'); ?>

	<link rel="stylesheet" type="text/css" href="html/manager/other/css/sortation.css" />

    <script type="text/javascript" src="html/manager/other/js/sortation.js"></script>

</head>
<body>

	<div id="mainBg" class="bg" style="display: none;">

		<input type="text" id="tempid" class="display-none" />

		<div class="title-bar">
            <div id="title" class="title">栏目分类</div>
        </div>

        <div class="query-bar">
            <div class="search-left">
            </div>
            <div class="search-right">
                <input type="text" id="keyword1" class="keyword" placeholder="请输入名称" autocomplete="off" />
                <button type="button" class="btnOk" onclick="saveSortation()">添加</button>
            </div>
        </div>

        <div class="tongji-bar">
            <span class="tongji">共<span id="listCount" class="tc1"></span>个分类</span>
        </div>

        <div id="listBar" class="table-bar">
        	<table class="table-box">
        		<tr class="tr-head">
                    <td class="td-head">分类编号 / 名称</td>
                    <td class="td-head hw1">状态</td>
                    <td class="td-head hw2">操作</td>
                </tr>
                <tr class="tr-item" v-for="info in list">
                	<td class="td-item-left">【{{ info.sortationid }}】{{ info.name }}</td>
                    <td class="td-item-center hw1">
                    	<template v-if="info.isuse == 1">
                    		启用
                    	</template>
                    	<template v-else-if="info.isuse == 0">
				            <span class="tc1">禁用</span>
				        </template>
				        <template v-else>
				            状态有误
				        </template>
                    </td>
                    <td class="td-item-center hw2">
                    	<template v-if="info.isuse == 0">
                    		<span class="item-edit" v-on:click="openSortation(info.sortationid, info.name)">开启</span>
                    	</template>
                        <span class="item-delete" v-on:click="deleteSortation(info.sortationid, info.name)">删除</span>
                    </td>
                </tr>
        	</table>
        </div>

        <script type="text/javascript">
        	var sortation = new Vue({
	            el: '#listBar',
	            data: {
	                list: ''
	            }
	        });
        </script>

	</div>

</body>
</html>